<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收退款记录</title>
    <link href="../../resource/css/bootstrap.min.css?v=3.3.5" rel="stylesheet"
          th:href="@{/resource/css/bootstrap.min.css?v=3.3.5}"/>
    <link href="../../resource/hotui/css/font-awesome.min.css" th:href="@{/resource/hotui/css/font-awesome.min.css}"
          rel="stylesheet">
    <!-- Morris -->
    <link href="../../resource/hotui/css/plugins/morris/morris-0.4.3.min.css"
          th:href="@{/resource/hotui/css/plugins/morris/morris-0.4.3.min.css}" rel="stylesheet">
    <link href="../../resource/css/animate.min.css" rel="stylesheet" th:href="@{/resource/css/animate.min.css}"/>
    <link href="../../resource/hotui/css/style.min-1.0.8.css" th:href="@{/resource/hotui/css/style.min-1.0.8.css}"
          rel="stylesheet">
    <link href="../../resource/hotui/css/hotui.style.override.css"
          th:href="@{/resource/hotui/css/hotui.style.override.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
<div class="animated fadeInRight" th:replace="fragments/order_detail_front_fg::orderDetailCopy"
     style="padding:0 6px;position:fixed;width:100%;top: 0;z-index:101;">
    <div class="col-lg-12">
        <div class="ibox float-e-margins" style="margin-bottom:0;">
            <div class="ibox-title" style="padding: 14px 15px 11px;">
                <div class="form-inline">
                    <div class="form-group m-r-sm">
                        <label style="font-size: 17px; margin-top: 5px;">
                            订单-<span>20170110095434456651</span>

                            <span style="font-size: 13px;">
                                <span class="color-primary">已支付</span>
                                <span class="color-warning">待发货</span>
                            </span>
                        </label>
                    </div>
                    <button type="button"

                            onclick="handler.deliver('123213')" class="btn btn-success btn-sm">
                        发货
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight tooltip-demo" style="margin-top: 59px;">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="tabs-container">
                    <ul class="nav nav-tabs" th:replace="fragments/order_detail_front_fg::orderDetailTab(1)">
                        <li><a href="order_detail.html">基本信息</a></li>
                        <li class="active"><a href="order_detail.html">收退款记录</a></li>
                        <li><a href="order_detail.html">发货记录</a></li>
                        <li><a href="order_detail.html">返利记录</a></li>
                    </ul>

                    <div class="tab-content">
                        <div class="tab-pane active">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="ibox float-e-margins m-b-none">
                                            <div class="ibox-content p-xxs no-borders" style="border-top: none;">
                                                <label>付款单：</label>
                                                <p style="height: 5px;"></p>

                                                <table class="table table-bordered table-hover table-center">
                                                    <thead>
                                                    <tr>
                                                        <th sec:authorize="hasRole('ADMIN')">付款单号</th>
                                                        <th sec:authorize="hasRole('ADMIN')">付款人</th>
                                                        <th>付款时间</th>
                                                        <th>金额</th>
                                                        <th sec:authorize="hasRole('ADMIN')">第三方单号</th>
                                                        <th sec:authorize="hasRole('ADMIN')">支付方式</th>
                                                        <th>交易类型</th>
                                                        <th>支付结果</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>

                                                    <tr th:each="bill:${payments}">
                                                        <td sec:authorize="hasRole('ADMIN')" th:text="${bill.id}"></td>
                                                        <td sec:authorize="hasRole('ADMIN')">
                                                            <span th:text="${bill.payer.nickName}">gmw</span><br>
                                                            <span th:text="${bill.payer.mobile}">14465655545</span>
                                                        </td>
                                                        <td th:text="${#temporals.format(bill.payTime,'yyyy-MM-dd HH:mm:ss')}">
                                                            10.0
                                                        </td>
                                                        <td th:text="${bill.amount}">收货人</td>
                                                        <td sec:authorize="hasRole('ADMIN')"
                                                            th:text="${bill.thirdTradingNo}">顺丰
                                                        </td>
                                                        <td sec:authorize="hasRole('ADMIN')"
                                                            th:text="${bill.payType.desc}"></td>
                                                        <td th:text="${bill.dealType.desc}"></td>
                                                        <td th:text="${bill.payStatus.desc}"></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-content">
                        <div class="tab-pane active">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="ibox float-e-margins m-b-none">
                                            <div class="ibox-content p-xxs no-borders" style="border-top: none;">
                                                <label>退款单：</label>
                                                <p style="height: 5px;"></p>

                                                <table class="table table-bordered table-hover table-center">
                                                    <thead>
                                                    <tr>
                                                        <th>退款单号</th>
                                                        <th sec:authorize="hasRole('ADMIN')">退款用户</th>
                                                        <th>售后单</th>
                                                        <th>金额</th>
                                                        <th sec:authorize="hasRole('ADMIN')">第三方单号</th>
                                                        <th sec:authorize="hasRole('ADMIN')">退款类型</th>
                                                        <th>退款时间</th>
                                                        <th>到账时间</th>
                                                        <th sec:authorize="hasRole('ADMIN')">入账信息</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>

                                                    <tr th:each="bill:${refunds}">
                                                        <td th:text="${bill.id}"></td>
                                                        <td sec:authorize="hasRole('ADMIN')">
                                                            <span th:text="${bill.userPO.nickName}">gmw</span><br>
                                                            <span th:text="${bill.userPO.mobile}">14465655545</span>
                                                        </td>
                                                        <td th:text="${bill.afterSaleId}">10.0</td>
                                                        <td th:text="${bill.amount}">收货人</td>
                                                        <td sec:authorize="hasRole('ADMIN')"
                                                            th:text="${bill.thirdRefundNo}">顺丰
                                                        </td>
                                                        <td sec:authorize="hasRole('ADMIN')"
                                                            th:text="${bill.refundType.desc}">顺丰
                                                        </td>
                                                        <td th:text="${#temporals.format(bill.refundTime,'yyyy-MM-dd HH:mm:ss')}"></td>
                                                        <td th:text="${#temporals.format(bill.arriveTime,'yyyy-MM-dd HH:mm:ss')}"></td>
                                                        <td sec:authorize="hasRole('ADMIN')"
                                                            th:text="${bill.creditInfo}">顺丰
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../resource/js/jquery.min.js?v=2.1.4" th:src="@{/resource/js/jquery.min.js?v=2.1.4}"></script>
<script src="../../resource/js/bootstrap.min.js?v=3.3.5" th:src="@{/resource/js/bootstrap.min.js?v=3.3.5}"></script>
<script src="../../resource/hotui/js/hot/bootstrap.hot.extra-utils.js"
        th:src="@{/resource/hotui/js/hot/bootstrap.hot.extra-utils.js(123123)}"></script>
<script src="../../resource/hotui/js/hot/bootstrap.hot.extra-init.js"></script>

<script src="../../resource/hotui/js/content.min.js" th:src="@{/resource/hotui/js/content.min.js}"></script>

<script type="text/javascript" th:inline="javascript">
    const deliverUri = /*[[@{/order/deliver}]]*/  "deliver.html";
</script>
</body>

</html>
